<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>

        // for  循环中的变量 i 是全局变量，如果同一个作用域中出现了多个具有同名变量 i 的 for循环，则多个 for 循环之间会产生影响。
        /* 
        for(var i = 0; i < 5; i++) {
            console.log(i)
            for(var i = 0; i < 5; i++) {
                console.log(i)
            }
        }
         */

        // 变量 index 被束缚在 for 循环中，相当于 for 循环有了一个自己的作用域。
        // 变量 index 只能在 for 循环的作用域使用，，其他地方均无法访问该变量，一旦循环结束，则该变量会被自动销毁。
        for (let index = 0; index < 5; index++) {
            console.log(index)

            for (let index = 0; index < 5; index++) {
                console.log(index)
            }
        }

        console.log(index)
    </script>
</body>

</html>